Три вопроса

[ctpz]

Решил сверстать сей макет:

изображение удалено

Возникло несколько вопросов по верстке:

1. Как сделать, чтобы пункты списка начинались не с точки а с тире (левый сайбар). [РЕШЕНО]
   
2. Как сделать тень только с двух сторон (левый сайдбар).
   
3. Как правильнее всего будет выполнить заголовок (там куча линий и текст посередине). [РЕШЕНО]
   

Помогите пожалуйста с этим.

Edited August 12, 2011 by ctpz

[psywalker]

1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнеммониками.

2. Либо дополнительными блоками, либо при помощи box-shadow;

3. Тупо картинкой одной. А текст наложить сверху.

[ctpz]

1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнемониками.

Такого list-style-type нет, но можно воспользоваться list-style-image

2. Либо дополнительными блоками, либо при помощи box-shadow;

Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.

3. Тупо картинкой одной. А текст наложить сверху.

Спасибо

[Softlink]

Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.

box-shadow: 2px 2px 5px #000; 

Сдвинет тень вправо и вниз. Третье значение - это размытие. http://htmlbook.ru/css/box-shadow

[sigma77]

Собираюсь делать при помощи box-shadow, но не знаю, как правильно реализовать. На сайте об этом информации мало.

Ну, например, так - http://jsfiddle.net/fainz777/8A6P6/1/

[psywalker]

1. Такого list-style-type я не знаю, например. Предлагаю воспользоваться мнемониками.

Такого list-style-type нет, но можно воспользоваться list-style-image

Нет, лучше используй тогда уж background;

[ctpz]

Softlink, sigma77, спасибо

psywalker, почему

[sigma77]

Нет, лучше используй тогда уж background;

Или так - http://jsfiddle.net/fainz777/6QC2b/

[psywalker]

psywalker, почему

Потому что list-style-image кривой, плохоуправляемый и бедный по сравнению с background

[Softlink]

Нет, лучше используй тогда уж background;

Или так - http://jsfiddle.net/fainz777/6QC2b/

Точно Все равно же делаешь не кросс.

[ctpz]

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Softlink, а что, :before влияет на кросс

[sigma77]

Чем они отличаются кроме того, что последний только для css3

Ничем. Сделано для разграничения псевдоклассов и псевдоэлементов.

Softlink, а что, :before влияет на кросс

ИЕ7 и ниже его не поддерживают.

[psywalker]

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Тем, что двоеточия разделяют псевдоклассы и псевдоэлементы. ::before состоит из двойных двоеточий, а значит относиться к псевдоэлемнту. Двойные двоеточия появились в CSS3, именно для чёткого разделение одних от других. Советую использовать именно :before, так как в противном случае ты выкидываешь за борт ИЕ8, который не понимает ::before

[Softlink]

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Softlink, а что, :before влияет на кросс

1) я так и не понял, зачем добавили в CSS3 еще одно двоеточие Все, понял.

2) ну 6-7 не поддерживаются псевдоэлементы

Edited August 12, 2011 by Softlink

[ctpz]

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

[psywalker]

sigma77, я нашел на сайте информацию о двух тегах

:before и ::before

Чем они отличаются кроме того, что последний только для css3

Softlink, а что, :before влияет на кросс

2) ну 6-7 не поддерживаются псевдоэлементы

Можно заюзать экспрешаны, но это зло и на крайний случай.

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

Удачи заказчикам передай тогда)))

[ctpz]

psywalker, обязательно передам

[Softlink]

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

Клевая позиция, я тоже не люблю ИЕ

[ctpz]

Ура-а-а!!! Еще один единомышленник.

[psywalker]

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

Клевая позиция, я тоже не люблю ИЕ

Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.

[Softlink]

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

Клевая позиция, я тоже не люблю ИЕ

Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.

Да, все правильно. Но ИЕ(особенно старые) все равно какашка

[psywalker]

sigma77, psywalker, Softlink, Для версий ИЕ ниже 9 я верстаю только за деньги.

Клевая позиция, я тоже не люблю ИЕ

Если ты делаешь сайты не для себя, и при этом ещё за это и деньги получаешь, то о своих предпочтениях как-то сразу забываешь.

Да, все правильно. Но ИЕ(особенно старые) все равно какашка

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

[Softlink]

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

В мире должна быть гармония)) Какой браузер станет нехорошим? Больше шансов у Оперы?

[ctpz]

Да, все правильно. Но ИЕ(особенно старые) все равно какашка

Поддерживаю

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

Я видел этот ие10. Работает только на висте () или семерке (). Вполне адекватный браузер. По восприимчивости напоманиет фф4.

Edited August 12, 2011 by ctpz

[psywalker]

Ну по факту, да)) А вообще ИЕ10 обещает быть мощным и крутым)

В мире должна быть гармония)) Какой браузер станет нехорошим? Больше шансов у Оперы?

Нехорошим станет именно Опера, потому что на данный момент у неё больше всех багов, косяков и т.д. (я не буру в расчёт ИЕ6-8)

[ctpz]

Возник еще один вопрос: как правильно написать Company Name

так:

<h1>Company</h1><h2>Name</h2>

или как-то по-другому

Edited August 12, 2011 by ctpz